<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // var obj = {
  //   name: "admin",
  //   age: 18,
  //   sex: "男",
  //   sayHello: function(){
  //     console.log("hello")
  //   },
  //   child:{
  //     name:"admin-child",
  //     age:1,
  //     sex:"男"
  //   },
  //   hobby: ["玩游戏", "睡觉", "敲代码"]
  // }

  // console.log(obj);
  // console.log( obj.name );
  // console.log( obj.age );
  // console.log( obj.sex );
  
  // console.log( obj.sayHello );

  // obj.sayHello();

  // console.log(obj.child.name);

  // console.log(obj.hobby[0]);

  // 没有归属的变量，叫变量
  // 有归属的变量，叫属性

  // 没有归属的函数，叫函数
  // 有归属的函数，叫方法


  // ========


  // var obj = { name:"admin" }
  // console.log(obj)
  // 增
  // obj.msg = "hello world";
  // 改
  // obj.msg = "你好世界"
  // 删
  // delete obj.msg;

  // obj.name = "root";
  // delete obj.name;

  // console.log(obj);


  // ========


  var obj = {
    name: "admin",
    age: 18,
    sex: "男",
    sayHello: function(){
      console.log("hello")
    },
    child:{
      name:"admin-child",
      age:1,
      sex:"男"
    },
    hobby: ["玩游戏", "睡觉", "敲代码"]
  }

  var msg = "age";

  console.log( obj.msg )
  console.log( obj[msg] )
  console.log( obj["age"] )

  obj["abc"] = "hahahah";

  obj["name"] = "zhangsan"

  delete obj["child"];

  console.log(obj)







  // =========

  // console.log( console )

  // console.log("hello console")
  // console.info("hello console")
  // console.error("hello console")
  // console.warn("hello console")
  
</script>
</html>